<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../template/common.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="title">
        SRC Colegge
    </ui:define>

    <ui:define name="head">
        <script src="${facesContext.externalContext.requestContextPath}/res/js/jquery-1.10.2.min.js " />
        <script src="${facesContext.externalContext.requestContextPath}/res/js/jcarousellite_1.0.1.min.js " />
        <link rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/res/css/juicyslider.css" />
        <script type="text/javascript" src="${facesContext.externalContext.requestContextPath}/res/js/jcarousellite_1.0.1.min.js" ></script>
        <!--<link rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/res/css/cambridge.css" />-->

        <style>
            /* Prevents slides from flashing */
            #slides {
                display:none;
            }
            #top_student li img{
                display: inline-block;
                list-style-image: none;
            }
        </style>
        <script type="text/css" src="${facesContext.externalContext.requestContextPath}/res/js/jquery.slides.min" />
        <script type="text/javascript">
            jQuery(function() {
                jQuery("#top_student").jCarouselLite({
                    btnNext: ".next",
                    btnPrev: ".prev"
                });
            });

        </script>
        <style>
            .carousel-inner{
                max-height: 400px;
                overflow: hidden;
            }
            .carousel-inner img{
                width: 100%;

            }
        </style>
    </ui:define>
    <ui:define name="content">
        <div class="col-2 col-lg-2 col-sm-2">
            <h:form>
                <ul class="nav nav-pills nav-stacked">

                    <li class="active">
                        <h:commandLink value="Events" action="user-event" />

                    </li>
                    <li>
                        <h:commandLink value="Centers" action="user-center" >
                            <span class="badge"></span>
                        </h:commandLink>
                    </li>
                    <li >
                        <h:commandLink value="Exams Result" action="student_ass">
                           
                        </h:commandLink>
                    </li>
                    <li >
                        <h:commandLink value="Compose Mail" action="studentcompose" />
                    </li>
                    <li >
                        <h:commandLink value="Logout" action="#{login.logout()}" />
                    </li>
                </ul>
            </h:form>
        </div>
        <div class="col-6 col-lg-6 col-sm-6">
            <div class="row">
                <div class="carousel slide" id="carousel-300686">
                    <ol class="carousel-indicators">
                        <li class="active" data-slide-to="0" data-target="#carousel-300686">
                        </li>
                        <li data-slide-to="1" data-target="#carousel-300686">
                        </li>
                        <li data-slide-to="2" data-target="#carousel-300686">
                        </li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="item active">
                            <img alt="" src="${facesContext.externalContext.requestContextPath}/res/img/carousel/img1.jpg" />
                            <div class="carousel-caption">
                                <h4>
                                    Welcome to Cactus Univerity
                                </h4>
                                <p>
                                    which have 100 years history
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <img alt="" src="${facesContext.externalContext.requestContextPath}/res/img/carousel/img2.jpg" />
                            <div class="carousel-caption">
                                <h4>
                                    Perfect education quality
                                </h4>
                                <p>
                                    40.000 student graduated per year
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <img alt="" src="${facesContext.externalContext.requestContextPath}/res/img/carousel/img3.jpg" />
                            <div class="carousel-caption">
                                <h4>
                                    Beaudiful enviroment
                                </h4>
                                <p>
                                    Over 50ha
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <img alt="" src="${facesContext.externalContext.requestContextPath}/res/img/carousel/img4.jpg" />
                            <div class="carousel-caption">
                                <h4>
                                    Beaudiful enviroment
                                </h4>
                                <p>
                                    Over 50ha
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <img alt="" src="${facesContext.externalContext.requestContextPath}/res/img/carousel/img5.jpg" />
                            <div class="carousel-caption">
                                <h4>
                                    Beaudiful enviroment
                                </h4>
                                <p>
                                    Over 50ha
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <img alt="" src="${facesContext.externalContext.requestContextPath}/res/img/carousel/img6.jpg" />
                            <div class="carousel-caption">
                                <h4>
                                    Beaudiful enviroment
                                </h4>
                                <p>
                                    Over 50ha
                                </p>
                            </div>
                        </div>

                    </div> <a class="left carousel-control" href="#carousel-300686" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-300686" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                </div>
            </div>
            <div class="row">
                <div class="row">
                    <div class="panel panel-default">
                        <div class="panel-heading">Exam result</div>
                        <div class="panel-body">

                            <div class="list-group">
                                <h:form>
                                    <p:dataTable value="#{examManager.allExam}" var="e"  >
                                        <p:column>
                                            <f:facet name="header">
                                                Center
                                            </f:facet>
                                            #{e.courses.centers.name}
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                Course
                                            </f:facet>
                                            #{e.courses.name}
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                Exam Order number
                                            </f:facet>
                                            <h:commandLink value="#{e.examOrderNumber}" />
                                        </p:column>
                                        <p:column>
                                            <h:commandLink value="View" />
                                        </p:column>

                                    </p:dataTable>
                                </h:form>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-2 col-md-2 index_main_item btn btn-primary">
                        <h3>Events</h3>
                    </div>
                </div>

                <div class="row">

                    <div class="col-lg-1"></div>

                </div>


                <div class="col-3 col-sm-3 col-lg-3">
                    <p>Toppers</p>
                </div>

            </div>
        </div>
        <div class="col-2 col-sm-2 col-lg2 idx_right_col">
            <ul>
                <li>
                    <img width="150" src="${facesContext.externalContext.requestContextPath}/res/img/adv/ad1.jpg" />
                </li>
                <li>
                    <img width="150" src="${facesContext.externalContext.requestContextPath}/res/img/adv/ad3.jpg" />
                </li>
                <li>
                    <img width="150" src="${facesContext.externalContext.requestContextPath}/res/img/adv/ad4.jpg" />
                </li>
                <li>
                    <img width="150" src="${facesContext.externalContext.requestContextPath}/res/img/adv/ad5.jpg" />
                </li>
                <li>
                    <img width="150" src="${facesContext.externalContext.requestContextPath}/res/img/adv/ad6.jpg" />
                </li>
            </ul>
        </div>
        <div class="col-2 col-sm-2 col-lg2 idx_right_col">
            <ul>
                <li>
                    <img width="150" src="${facesContext.externalContext.requestContextPath}/res/img/adv/ad7.jpg" />
                </li>
                <li>
                    <img width="150" src="${facesContext.externalContext.requestContextPath}/res/img/adv/ad8.jpg" />
                </li>
                <li>
                    <img width="150" src="${facesContext.externalContext.requestContextPath}/res/img/adv/ad9.jpg" />
                </li>
                <li>
                    <img width="150" src="${facesContext.externalContext.requestContextPath}/res/img/adv/ad10.jpg" />
                </li>
                <li>
                    <img width="150" src="${facesContext.externalContext.requestContextPath}/res/img/adv/ad11.jpg" />
                </li>
                 <li>
                    <img width="150" src="${facesContext.externalContext.requestContextPath}/res/img/adv/ad12.jpg" />
                </li>
            </ul>
        </div>

<!--        <div class="row text-center" >



            <div id="top_student " class="row">
                <ul>
                    <li>
                        <img src="${facesContext.externalContext.requestContextPath}/res/img/person_image/stu1.jpg" width="100"  />
                    </li>
                    <li>
                        <img src="${facesContext.externalContext.requestContextPath}/res/img/person_image/stu1.jpg" width="100"  />
                    </li>
                    <li>
                        <img src="${facesContext.externalContext.requestContextPath}/res/img/person_image/stu1.jpg" width="100"  />
                    </li>
                    <li>
                        <img src="${facesContext.externalContext.requestContextPath}/res/img/person_image/stu1.jpg" width="100"  />
                    </li> <li>
                        <img src="${facesContext.externalContext.requestContextPath}/res/img/person_image/stu1.jpg" width="100"  />
                    </li>
                </ul>

            </div>

        </div>-->



    </ui:define>
</ui:composition>
